<template>
    <div class="ph-dt-datetime-wrapper" v-if="isMobile" v-swipeleft:stop="onSwipeleft" v-swiperight:stop="onSwiperight"><slot></slot></div>
    <div class="ph-dt-datetime-wrapper" v-else><slot></slot></div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { swipeleft,swiperight } from '../../directives'
export default defineComponent({
    directives:{
        swipeleft,swiperight
    },
    props:{
        isMobile:Boolean
    },
    setup(props,{emit}){
        const onSwipeleft = ()=>{
            emit('swipeleft')
        }
        const onSwiperight = ()=>{
            emit('swiperight')
        }
        return {onSwipeleft,onSwiperight}
    }
})
</script>
<style lang="scss">
.ph-dt-datetime-wrapper{
    display: flex;
}
</style>
